<template>
  <el-button round class="play-all" @click="bus.emit('handleMenuPlay')">
    <template #icon>
      <span class="iconfont font-17">&#xea6d;</span>
    </template>
    播放全部
  </el-button>
</template>

<script lang="ts" setup>
  import bus from '@/utils/bus'
  // eslint-disable-next-line no-undef
  defineOptions({
    name: 'PlayAll'
  })
</script>

<style lang="scss" scoped>
  .play-all {
    background-color: $musicColor;
    color: #fff;
    &:hover,
    &:focus {
      background-color: rgb(29, 200, 164);
    }
  }
  .el-button:focus,
  .el-button:hover {
    border-color: #e3e3e3;
  }
</style>
